﻿<?php
    include($_SERVER['DOCUMENT_ROOT']."/eventos/sistema/common/login/seguranca.php"); // Inclui o arquivo com o sistema de segurança
	protegePagina(); // Chama a função que protege a página

if(!isset($_SESSION)) {
 SESSION_START();
}


$NomeParticipante = $_SESSION['strNome'];
?>

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" media="screen" href="/Eventos/CSS/Participante/Layout.css" 		 />
<link rel="stylesheet" type="text/css" media="screen" href="/Eventos/CSS/Participante/lytebox.css"  	 />
<link rel="stylesheet" type="text/css" media="screen" href="/Eventos/CSS/Participante/Menu/styleMenu.css" />
<link rel="stylesheet" type="text/css" media="screen" href="/eventos/css/common/modal.css" 		 /> <!-- CSS para os alertas  -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>

<script type="text/javascript" src="/Eventos/JS/Participante/lytebox.js"	></script>
<!--<script type="text/javascript" src="/Eventos/JS/Empresa/jquery.js"		></script>-->
<script src="/Eventos/JS/Common/js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="/eventos/js/jquery.leanModal.min.js"></script> <!-- JS para os alertas  -->
<script type="text/javascript" src="/Eventos/JS/Participante/interface.js"	></script>


<script type="text/javascript" language="javascript" src="../common/lytebox.js"></script>
<link rel="stylesheet" href="../common/lytebox.css" type="text/css" media="screen" />

<!-- JavaScript -->
    <!--<script src="/Eventos/JS/Common/js/jquery-1.10.2.js"></script>-->
    <script src="/Eventos/JS/Common/js/bootstrap.js"></script>
	
<!-- Bootstrap core CSS -->
<link href="/Eventos/CSS/Common/css/bootstrap.css" rel="stylesheet">

<script language="javascript">
	function abrirPagina(pagina){
		document.getElementById("ifrMsg").src	= pagina;
	}

	$(function() {
    	$('a[rel*=leanModal]').leanModal({ top : 200, closeButton: ".modal_close" });
	});

	function cadastrarCandidato(idEvento,idUsuario){
		$('#alert').click();
	}

</script>
</head>

<body>

<div id="fundo">

    <div class="dock" id="dock" style="margin-bottom : 70px;">
        <div class="dock-container">
            <a class="dock-item" href="#" onclick="abrirPagina('home.php')      			;">	<img src="/Eventos/Images/Participante/Menu/home.png" 		alt="home" 		/><span>Home		</span></a>
            <a class="dock-item" href="#" onclick="abrirPagina('home.php')      			;">	<img src="/Eventos/Images/Participante/Menu/email.png" 		alt="contact" 	/><span>Enviar email</span></a>
            <a class="dock-item" href="#" onclick="abrirPagina('editarParticipante.php')	;">	<img src="/Eventos/Images/Participante/Menu/portfolio.png" 	alt="portfolio" /><span>Eventos		</span></a>
            <a class="dock-item" href="#" onclick="abrirPagina('../empresa/lstEventos.php') ;">	<img src="/Eventos/Images/Participante/Menu/music.png" 		alt="music" 	/><span>Music		</span></a>
            <a class="dock-item" href="#" onclick="abrirPagina('home.php')	            	;">	<img src="/Eventos/Images/Participante/Menu/video.png" 		alt="video" 	/><span>Video		</span></a>
            <a class="dock-item" href="#" onclick="abrirPagina('home.php')	            	;">	<img src="/Eventos/Images/Participante/Menu/history.png" 	alt="history" 	/><span>History		</span></a>
            <a class="dock-item" href="#" onclick="abrirPagina('home.php')	            	;">	<img src="/Eventos/Images/Participante/Menu/calendar.png" 	alt="calendar" 	/><span>Calendar	</span></a>
            <a class="dock-item" href="#" onclick="abrirPagina('home.php')	            	;">	<img src="/Eventos/Images/Participante/Menu/rss.png" 		alt="rss" 		/><span>RSS			</span></a>
        </div>
    </div>
	
	
	
    <div id="principal">
        <iframe frameborder="0" height="1200px"  width="100%" scrolling="no" id="ifrMsg" name="ifrMsg" src="home.php" style="padding-top:40px;"></iframe>		

		<!-- Sidebar -->
	<nav class="navbar navbar-inverse" role="navigation" style="margin-top:-1220px;">
        <!-- Brand and toggle get grouped for better mobile display -->
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="index.html"><?php echo($NomeEmpresa); ?></a>
        </div>

        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse navbar-ex1-collapse">
          
          <ul class="nav navbar-nav navbar-right navbar-user">
            <li class="dropdown messages-dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-envelope"></i> Messages <span class="badge">7</span> <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li class="dropdown-header">7 New Messages</li>
                <li class="message-preview">
                  <a href="#">
                    <span class="avatar"><img src="http://placehold.it/50x50"></span>
                    <span class="name">John Smith:</span>
                    <span class="message">Hey there, I wanted to ask you something...</span>
                    <span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
                  </a>
                </li>
                <li class="divider"></li>
                <li class="message-preview">
                  <a href="#">
                    <span class="avatar"><img src="http://placehold.it/50x50"></span>
                    <span class="name">John Smith:</span>
                    <span class="message">Hey there, I wanted to ask you something...</span>
                    <span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
                  </a>
                </li>
                <li class="divider"></li>
                <li class="message-preview">
                  <a href="#">
                    <span class="avatar"><img src="http://placehold.it/50x50"></span>
                    <span class="name">John Smith:</span>
                    <span class="message">Hey there, I wanted to ask you something...</span>
                    <span class="time"><i class="fa fa-clock-o"></i> 4:34 PM</span>
                  </a>
                </li>
                <li class="divider"></li>
                <li><a href="#">View Inbox <span class="badge">7</span></a></li>
              </ul>
            </li>
            <li class="dropdown alerts-dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-bell"></i> Alerts <span class="badge">3</span> <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#">Default <span class="label label-default">Default</span></a></li>
                <li><a href="#">Primary <span class="label label-primary">Primary</span></a></li>
                <li><a href="#">Success <span class="label label-success">Success</span></a></li>
                <li><a href="#">Info <span class="label label-info">Info</span></a></li>
                <li><a href="#">Warning <span class="label label-warning">Warning</span></a></li>
                <li><a href="#">Danger <span class="label label-danger">Danger</span></a></li>
                <li class="divider"></li>
                <li><a href="#">View All</a></li>
              </ul>
            </li>
            <li class="dropdown user-dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="fa fa-user"></i> <?php echo($_SESSION['strNome']);?> <b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li><a href="#"><i class="fa fa-user"></i> Profile</a></li>
                <li><a href="#"><i class="fa fa-envelope"></i> Inbox <span class="badge">7</span></a></li>
                <li><a href="#"><i class="fa fa-gear"></i> Settings</a></li>
                <li class="divider"></li>
                <li><a href="#"><i class="fa fa-power-off"></i> Log Out</a></li>
              </ul>
            </li>
          </ul>
        </div><!-- /.navbar-collapse -->
      </nav>		
    </div>
	
	
	
	
	
	
	
	
	
</div>









</body>

<div id="jAlert" class="jAlert">
	<a id="alert" rel="leanModal" name="alert" href="#jAlert"></a>
	<p>Cadastro realizado com sucesso!! Boa sorte!!!</p>
</div>


</html>

<script type="text/javascript">

	$(document).ready(
		function()
		{
			$('#dock').Fisheye(
				{
					maxWidth: 30,
					items: 'a',
					itemsText: 'span',
					container: '.dock-container',
					itemWidth: 100,
					proximity: 90,
					halign : 'center',
				}
			)
		}
	);

</script>